import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    id:root
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    color: 'grey'

    ClickableImagesV2{
        id: qq1
        x:40
        y:root.height-height
        source: "../images/qq1.png"
        text: "animation on property"

        NumberAnimation on y{
            to: 40
            duration: 3000
        }
    }

    ClickableImagesV2{
        id: qq2
        x:40+qq1.width+20
        y:root.height-height
        source: "../images/qq1.png"
        text: "animation on property"

        Behavior on y{
            NumberAnimation{duration: 3000}
        }
        onClicked: y=40
    }

    ClickableImagesV2{
        id: qq3
        x:qq2.x+qq1.width+20
        y:root.height-height
        source: "../images/qq1.png"
        text: "animation on property"
        onClicked: anim.restart()
        NumberAnimation{
            id: anim
            target: qq3;
            from: root.height-qq3.height
            to: 40
            duration: 3000
            property: 'y'
        }
    }
}
